<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JQ之属性选择器</title>
</head>
<body>
    <div class="box">
        <input type="checkbox">
        <input type="checkbox">
        <input type="checkbox" class="other">
        <input type="text">
        <input type="text">
        <input type="checkbox" class="other">
        <input type="checkbox">
        <input type="checkbox">
        <input>
        <input>
    </div>

    <script src="./js/jquery.3.5.1.js"></script>
    <script>
        $(function(){
            // 1.选中所有含有type属性的input标签
            /* $('input[type]').css({
                borderColor:'red'
            }) */

            // 2.选中所有type属性值为checkbox的input标签
            /* $('input[type=checkbox]').attr('checked',true) */

            // 3.选中所有type属性值为checkbox且有other类名的input标签
            /* $('input[type=checkbox][class=other]').prop('checked',true) */
        })
    </script>
</body>
</html>